import React from 'react'
import style from './Tabbar.module.css'
import {NavLink} from 'react-router-dom'
export default function Tabbar({ list, current, event }) {
    // function handleClick(index) {
    //     event(index)
    // }
    const computeClassName=({isActive})=>{
        return isActive?style.active:""
      }
    return (<div className={style.tabbar}>
        <ul>
            <li>
                {/* <a href="#/films"></a> */}
                <NavLink to="/films" className={computeClassName}>电影</NavLink>
            </li>
            <li>
                <NavLink to="/cinemas" className={computeClassName}>影院</NavLink>
            </li>
            <li>
                <NavLink to="/center" className={computeClassName}>我的</NavLink>
            </li>
        </ul>
    </div>
    )
}